<template>

	<view class="content">

		<!-- 账号列表 -->
		<uni-list class="ulist_zh">
			<uni-list-item-menu title="登录" :show-extra-icon="true" :extraIcon="{color: '#848B8C',size: '22',type: 'geren'}" showArrow="true"
			 :clickable="true" @click="pageTo('/pages/denglu/denglu')"></uni-list-item-menu>
			<uni-list-item-menu title="消息中心" :show-extra-icon="true" :extraIcon="{color: '#848B8C',size: '22',type: 'xiaoxi'}" showArrow="true"></uni-list-item-menu>
		</uni-list>
		<uni-list class="ulist_zh">
			<uni-list-item-menu title="个人资料" :show-extra-icon="true" :extraIcon="{color: '#848B8C',size: '22',type: 'geren'}" showArrow="true"
			 :clickable="true" @click="pageTo('/pages/user/userInfo')"></uni-list-item-menu>
			 
			<uni-list-item-menu title="学习兴趣" :clickable="true" @click="pageTo('/pages/user/xingqu')" :show-extra-icon="true" :extraIcon="{color: '#848B8C',size: '22',type: 'tiku'}" showArrow="true"></uni-list-item-menu>
		</uni-list>
		<uni-list class="ulist_zh">

			<uni-list-item-menu :clickable="true" @click="pageTo('/pages/user/wdyue')"   title="我的余额" :show-extra-icon="true" :extraIcon="{color: '#848B8C',size: '24',type: 'yue'}" showArrow="true"></uni-list-item-menu>
			<uni-list-item-menu :clickable="true" title="我的订单" :show-extra-icon="true" :extraIcon="{color: '#848B8C',size: '22',type: 'dingdan'}" showArrow="true"></uni-list-item-menu>
		</uni-list>

		<uni-list class="ulist_zh">
			<uni-list-item-menu title="设置" :clickable="true" @click="pageTo('/pages/user/shezhi')"  :show-extra-icon="true" :extraIcon="{color: '#848B8C',size: '22',type: 'shezhi'}" showArrow="true"></uni-list-item-menu>
		</uni-list>

		<uni-list class="ulist_zh">
			<uni-list-item-menu title="意见反馈" :clickable="true" :show-extra-icon="true" :extraIcon="{color: '#848B8C',size: '20',type: 'yijian'}" showArrow="true"></uni-list-item-menu>
			<uni-list-item-menu title="给网易云课堂评价" :clickable="true" :show-extra-icon="true" :extraIcon="{color: '#848B8C',size: '22',type: 'bi'}" showArrow="true"></uni-list-item-menu>
		</uni-list>

	</view>
</template>

<script>

	import uniList from '../../../components/uni-list/uni-list.vue'
	import uniListItemMenu from '../../../components/uni-list-item/uni-list-item-menu.vue'
	export default {
		components: {
			uniList,
			uniListItemMenu
		},

		data() {
			return {
				title: 'Hello',
				menuList:[
					{
						title:'下载管理',
						extraIcon:{color: '#000',size: '22',type: 'xiazai'}
					},
					{
						title:'同步数据',
						extraIcon:{color: 'blue',size: '22',type: 'tongbu'}
					},
					{
						title:'题库设置',
						extraIcon:{color: 'green',size: '22',type: 'tiku'}
					},
					{
						title:'帮助反馈',
						extraIcon:{color: '#383838',size: '22',type: 'yijian'}
					},
					{
						title:'我的设置',
						extraIcon:{color: '#383838',size: '22',type: 'shezhi'}
					}
				]
			}
		},
		onLoad() {},
		methods: {
			pageTo(url) {
				console.log(url)
				uni.navigateTo({
					url: url
				})
			}
			
		}
	}
</script>

<style >
	page{
			background: #F2F4F8;
		}
.ulist_zh{
	margin-bottom: 40upx;
}
.ulist_zh:nth-of-type(1) {
	margin-top: 10upx;
}
</style>
